@media screen and (min-width: 1200px) {
  .mType,
  .m_message {
    display: none;
  }
  .build {
    width: 100%;
    box-sizing: border-box;
    opacity: 0.9;
  }
  .build .build_top {
    width: 100%;
    height: 180px;
    border-bottom: 1px solid #ece8e8;
    overflow: hidden;
    padding-top: 50px;
    box-sizing: border-box !important;
    opacity: 0;
    animation: titleshow 0.5s linear forwards;
  }
  .build .build_top h2 {
    color: #333333;
    font-size: 40px;
    text-align: center;
    height: 70px;
  }
  .build .build_top p {
    color: #666666;
    font-size: 18px;
    text-align: center;
  }
  @keyframes titleshow {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .build .message {
    margin-top: 36px;
    height: 150px !important;
  }
  .build .message span {
    display: block;
    color: #666666;
    width: 0;
    height: 40px;
    overflow: hidden;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    animation: msgshow 0.5s linear forwards;
  }
  .build .message_t:nth-of-type(even) {
    float: right;
  }
  @keyframes msgshow {
    0% {
      width: 0px;
    }
    100% {
      width: 100%;
    }
  }
  .build .web_banner {
    width: 1200px;
    height: 580px;
    margin: 0 auto;
    background-size: 100% 100%;
    position: relative;
    opacity: 0;
  }
  .build ul {
    width: 1200px;
    padding: 77px 0;
    box-sizing: border-box;
    display: flex;
    margin: 0 auto;
    justify-content: space-around;
  }
  .build ul li {
    width: 117px;
    height: 118px;
    text-align: center;
    position: relative;
    opacity: 0;
  }
  .build ul li .pic {
    width: 117px;
    height: 118px;
  }
  .build ul li .pic img {
    width: 100%;
    height: 100%;
  }
  .build ul li span {
    display: block;
    color: #333333;
    font-size: 18px;
    margin-top: 35px;
  }
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
    100% {
      opacity: 1;
      transform: none;
    }
  }
  .web_banner_active .web_banner {
    animation: fadeInUp 1s ease forwards;
  }
  .web_bot_active li {
    animation: fadeInUp 1.3s ease forwards;
  }
  .type {
    margin-top: 40px;
    width: 100%;
    height: 838px;
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/website/type01-2.png");
    background-size: 100% 100%;
    position: relative;
    opacity: 0;
    overflow: hidden;
  }
  .type .content {
    width: 1200px;
    margin: 0 auto;
  }
  .type .content p {
    color: #333333;
    font-size: 40px;
    text-align: right;
    position: relative;
    opacity: 0;
    top: 60px;
  }
  .type .content ul {
    display: flex;
    margin-top: 170px;
  }
  .type .content ul li {
    width: 25%;
    height: 464px;
    position: relative;
  }
  .type .content ul li .con {
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.7s linear;
  }
  .type .content ul li .con .pic {
    width: 71px;
    height: 71px;
    margin: 0 auto;
  }
  .type .content ul li .con .pic img {
    width: 100%;
    height: 100%;
  }
  .type .content ul li .con .pic .pic_t {
    display: none;
  }
  .type .content ul li .con h4 {
    transition: all 0.7s linear;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    margin-top: 55px;
  }
  .type .content ul li .con .line {
    transition: all 0.7s linear;
    width: 22px;
    height: 1px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 22px;
  }
  .type .content ul li .con span {
    transition: all 0.7s linear;
    opacity: 0;
    display: block;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    text-align: center;
    display: none;
  }
  .type .content ul li:nth-child(1) {
    background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/website/type02-2.png);
    background-size: 100% 100%;
  }
  .type .content ul li:nth-child(2) {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/tb/webtype01.png") no-repeat;
    background-size: 100% 100%;
  }
  .type .content ul li:nth-child(3) {
    background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/website/type03-2.png);
    background-size: 100% 100%;
  }
  .type .content ul li:nth-child(4) {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/bu/gongneng1.png");
    background-size: 100% 100%;
  }
  .type .content ul li:hover {
    background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/website/6.png);
    background-size: 100% 100%;
  }
  .type .content ul li:hover .line {
    opacity: 0;
  }
  .type .content ul li:hover span {
    display: block;
    opacity: 1;
  }
  .type .content ul li:hover .pic .pic_o {
    display: none !important;
  }
  .type .content ul li:hover .pic .pic_t {
    display: block;
  }
  .type_active {
    animation: fadeInUp 1s ease forwards;
  }
  .type_active .content p {
    animation: fadeInUp 1.3s ease forwards;
  }
  .type_b_flag li:nth-child(1) {
    animation: fadeInUp 1.3s ease forwards;
  }
  .type_b_flag li:nth-child(2) {
    animation: fadeInUp 1.5s ease forwards;
  }
  .type_b_flag li:nth-child(3) {
    animation: fadeInUp 1.7s ease forwards;
  }
  .type_b_flag li:nth-child(4) {
    animation: fadeInUp 1.9s ease forwards;
  }
  .advantage {
    margin: 0 auto;
  }
  .advantage .advantage_top {
    padding: 30px 0;
    box-sizing: border-box !important;
    border-bottom: 1px solid #ece8e8;
    height: 170px;
    overflow: hidden;
  }
  .advantage .advantage_top h2 {
    color: #333333;
    font-size: 40px;
    text-align: center;
    position: relative;
    opacity: 0;
    margin-bottom: 30px;
  }
  .advantage .advantage_top p {
    color: #666666;
    font-size: 18px;
    text-align: center;
    position: relative;
    opacity: 0;
  }
  .advantage .advantage_bot {
    width: 100%;
    height: 700px;
    overflow: hidden;
  }
  .advantage .advantage_bot .pic {
    width: 418px;
    height: 388px;
    margin: 0 auto;
    margin-top: 160px;
    background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/website/sc01-2.png) no-repeat;
    background-size: 418px 388px;
    position: relative;
    opacity: 0;
  }
  .advantage .advantage_bot .one,
  .advantage .advantage_bot .two,
  .advantage .advantage_bot .three,
  .advantage .advantage_bot .four,
  .advantage .advantage_bot .five,
  .advantage .advantage_bot .six {
    box-sizing: border-box;
    width: 460px;
    height: 145px;
    position: absolute;
    overflow: hidden;
    opacity: 0;
    padding-left: 10px;
    box-sizing: border-box !important;
  }
  .advantage .advantage_bot .one .one_t,
  .advantage .advantage_bot .two .one_t,
  .advantage .advantage_bot .three .one_t,
  .advantage .advantage_bot .four .one_t,
  .advantage .advantage_bot .five .one_t,
  .advantage .advantage_bot .six .one_t {
    height: 36px;
    margin-top: 26px;
    margin-left: 26px;
    margin-bottom: 6px;
    position: relative;
    display: flex;
    align-items: center;
  }
  .advantage .advantage_bot .one .one_t img,
  .advantage .advantage_bot .two .one_t img,
  .advantage .advantage_bot .three .one_t img,
  .advantage .advantage_bot .four .one_t img,
  .advantage .advantage_bot .five .one_t img,
  .advantage .advantage_bot .six .one_t img {
    float: left;
    width: 28px;
    height: 28px;
    margin-right: 10px;
  }
  .advantage .advantage_bot .one .one_t .pic_p,
  .advantage .advantage_bot .two .one_t .pic_p,
  .advantage .advantage_bot .three .one_t .pic_p,
  .advantage .advantage_bot .four .one_t .pic_p,
  .advantage .advantage_bot .five .one_t .pic_p,
  .advantage .advantage_bot .six .one_t .pic_p {
    float: left;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    display: none;
  }
  .advantage .advantage_bot .one .one_t p,
  .advantage .advantage_bot .two .one_t p,
  .advantage .advantage_bot .three .one_t p,
  .advantage .advantage_bot .four .one_t p,
  .advantage .advantage_bot .five .one_t p,
  .advantage .advantage_bot .six .one_t p {
    float: left;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
    margin: 0;
    position: relative;
    z-index: 3;
  }
  .advantage .advantage_bot .one > span,
  .advantage .advantage_bot .two > span,
  .advantage .advantage_bot .three > span,
  .advantage .advantage_bot .four > span,
  .advantage .advantage_bot .five > span,
  .advantage .advantage_bot .six > span {
    margin-left: 25px;
    display: block;
    width: 354px;
    line-height: 20px;
    color: #666666;
    font-size: 14px;
  }
  .advantage .advantage_bot .one .one_t .a_line {
    width: 162px;
    height: 10px;
    background-color: #d6151a;
    border-radius: 5px;
    position: absolute;
    top: 20px;
    left: 70px;
    opacity: 0.3;
    z-index: 1;
  }
  .advantage .advantage_bot .two {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/change/43.png");
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .two .one_t .a_line {
    width: 162px;
    height: 10px;
    background-color: #d6151a;
    border-radius: 5px;
    position: absolute;
    top: 20px;
    left: 70px;
    opacity: 0.3;
    z-index: 1;
  }
  .advantage .advantage_bot .three {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/5.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .three .one_t .a_line {
    width: 120px;
    height: 10px;
    background-color: #d6151a;
    border-radius: 5px;
    position: absolute;
    top: 20px;
    left: 70px;
    opacity: 0.3;
    z-index: 1;
  }
  .advantage .advantage_bot .four .one_t .a_line {
    width: 162px;
    height: 10px;
    background-color: #d6151a;
    border-radius: 5px;
    position: absolute;
    top: 20px;
    left: 70px;
    opacity: 0.3;
    z-index: 1;
  }
  .advantage .advantage_bot .five .one_t .a_line {
    width: 120px;
    height: 10px;
    background-color: #d6151a;
    border-radius: 5px;
    position: absolute;
    top: 20px;
    left: 70px;
    opacity: 0.3;
    z-index: 1;
  }
  .advantage .advantage_bot .six .one_t .a_line {
    width: 107px;
    height: 10px;
    background-color: #d6151a;
    border-radius: 5px;
    position: absolute;
    top: 20px;
    left: 70px;
    opacity: 0.3;
    z-index: 1;
  }
  .advantage .advantage_bot .one {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/1.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .one:hover img,
  .advantage .advantage_bot .two:hover img,
  .advantage .advantage_bot .three:hover img {
    display: none;
  }
  .advantage .advantage_bot .one:hover .pic_p,
  .advantage .advantage_bot .two:hover .pic_p,
  .advantage .advantage_bot .three:hover .pic_p {
    display: block;
  }
  .advantage .advantage_bot .one:hover span,
  .advantage .advantage_bot .two:hover span,
  .advantage .advantage_bot .three:hover span,
  .advantage .advantage_bot .one:hover .one_t p,
  .advantage .advantage_bot .two:hover .one_t p,
  .advantage .advantage_bot .three:hover .one_t p {
    color: #ffffff;
  }
  .advantage .advantage_bot .one:hover {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/1_01.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .one:hover .one_t .pic_p {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/iconweb/19.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .two:hover {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/3_01.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .two:hover .one_t .pic_p {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/iconweb/23.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .three:hover {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/5_01.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .three:hover .one_t .pic_p {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/iconweb/27.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .four .one_t,
  .advantage .advantage_bot .five .one_t,
  .advantage .advantage_bot .six .one_t {
    margin-left: 45px;
  }
  .advantage .advantage_bot .four > span,
  .advantage .advantage_bot .five > span,
  .advantage .advantage_bot .six > span {
    margin-left: 45px;
  }
  .advantage .advantage_bot .four {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/change/32.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .five {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fchangek/44.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .six {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/6.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .four:hover img,
  .advantage .advantage_bot .five:hover img,
  .advantage .advantage_bot .six:hover img {
    display: none;
  }
  .advantage .advantage_bot .four:hover .pic_p,
  .advantage .advantage_bot .five:hover .pic_p,
  .advantage .advantage_bot .six:hover .pic_p {
    display: block;
  }
  .advantage .advantage_bot .four:hover span,
  .advantage .advantage_bot .five:hover span,
  .advantage .advantage_bot .six:hover span,
  .advantage .advantage_bot .four:hover .one_t p,
  .advantage .advantage_bot .five:hover .one_t p,
  .advantage .advantage_bot .six:hover .one_t p {
    color: #ffffff;
  }
  .advantage .advantage_bot .four:hover {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/change/31.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .four:hover .one_t .pic_p {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/iconweb/21.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .five:hover {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/4_01.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .five:hover .one_t .pic_p {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/iconweb/25.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .six:hover {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/6_01.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .six:hover .one_t .pic_p {
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/iconweb/29.png") no-repeat;
    background-size: 100% 100%;
  }
  .advantage .advantage_bot .one {
    top: -60px;
    left: -400px;
  }
  .advantage .advantage_bot .two {
    left: -450px;
    top: 130px;
  }
  .advantage .advantage_bot .three {
    left: -400px;
    bottom: -60px;
  }
  .advantage .advantage_bot .four {
    right: -400px;
    top: -60px;
  }
  .advantage .advantage_bot .five {
    right: -450px;
    top: 130px;
  }
  .advantage .advantage_bot .six {
    right: -400px;
    bottom: -60px;
  }
  .advantage_active .advantage_top h2 {
    animation: fadeInUp 1s ease forwards;
  }
  .advantage_active .advantage_top p {
    animation: fadeInUp 1.3s ease forwards;
  }
  .advan_b_active .pic {
    animation: fadeInUp 1s ease forwards;
  }
  .advan_b_active .one {
    animation: fadeInUp 1.2s ease forwards;
  }
  .advan_b_active .two {
    animation: fadeInUp 1.4s ease forwards;
  }
  .advan_b_active .three {
    animation: fadeInUp 1.6s ease forwards;
  }
  .advan_b_active .four {
    animation: fadeInUp 1.2s ease forwards;
  }
  .advan_b_active .five {
    animation: fadeInUp 1.4s ease forwards;
  }
  .advan_b_active .six {
    animation: fadeInUp 1.6s ease forwards;
  }
  .web_bigShot {
    width: 100%;
    height: 500px;
  }
  .web_bigShot .web_bigShot_top {
    width: 100%;
    height: 220px;
    overflow: hidden;
  }
  .web_bigShot .web_bigShot_top h2 {
    font-size: 40px;
    color: #333333;
    text-align: center;
    margin-top: 75px;
  }
  .web_bigShot .web_bigShot_top p {
    margin-top: 34px;
    color: #666666;
    font-size: 18px;
    text-align: center;
  }
  .web_bigShot .web_bigShot_bot {
    width: 100%;
    height: 280px !important;
    position: relative;
  }
  .web_bigShot .web_bigShot_bot .seamless-warp2 {
    overflow: hidden;
    height: 190px;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .web_bigShot .web_bigShot_bot .seamless-warp2 ul.item {
    float: left;
    width: 100%;
  }
  .web_bigShot .web_bigShot_bot .seamless-warp2 ul.item li {
    width: 231px;
    height: 147px;
    box-shadow: 0px 0px 20px 0px rgba(230, 230, 230, 0.75);
    border-radius: 10px;
    float: left;
    margin-right: 10px;
    position: relative;
    margin: 30px;
  }
  .web_bigShot .web_bigShot_bot .seamless-warp2 ul.item li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
